<template>
  <div>
    <DataGrid style="height:600px"
              :pagination="true"
              :data="data"
              :total="total"
              :pageSize="pageSize"
              :pagePosition="pagePosition">

      <!--<GridColumn field="1" title="1"></GridColumn>
      <GridColumn field="1" title="1"></GridColumn>
      <GridColumn field="1" title="1"></GridColumn>
      <GridColumn field="1" title="1"></GridColumn>-->
      <!--<GridColumn field="__rowNum__" title="序号"></GridColumn>-->
      <GridColumn field="序号" title="序号"></GridColumn>
      <GridColumn field="学生姓名" title="姓名"></GridColumn>
      <GridColumn field="性别" title="性别"></GridColumn>
      <GridColumn field="身份证号" title="身份证号"></GridColumn>
      <GridColumn field="学校" title="报名中学"></GridColumn>
    </DataGrid>
  </div>
</template>

<script>
    export default {
        name: "ViewStuInfo",
        data() {
            return {
                total: 10000,
                pageSize: 20,
                stuHeaderData:[],
                data: [],
                pagePosition: "bottom",
                pageOptions: [
                    {value: "bottom", text: "Bottom"},
                    {value: "top", text: "Top"},
                    {value: "both", text: "Both"}
                ]
            };
        },
        created() {

            this.data = JSON.parse(sessionStorage.getItem('stuData'));

        },
    };
</script>

<style scoped>

</style>
